<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <h2>{{person.name}}</h2>
        <div>{{msg}}</div>
        <div v-text='msg'></div>
        <div v-text='person.obj.num'></div>
        <div v-html='htmlStr'></div>
        <input type="text" v-model='msg'/><br>
        <button  v-on:click='handleClick'>handleClick</button>
        <button  @click='handleClick'>handleClick-@</button>

    </div>

</body>
<script src="./Observer.js"></script>
<script src="./MVue.js"></script>
<script>
    const vm = new MVue({
        el:'#app',
        data:{
            person:{
                name:'name',
                obj:{
                    num:1
                }
            },
            msg:'mvvm的原理',
            htmlStr:'测试v-html'

        },
        methods:{
            handleClick(){
                this.person.name='hml'
            }
        }
    })
</script>
</html>